<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>收货地址</title>
    <link rel="shrotcut icon" href="logo.ico">
    <link rel="stylesheet" href="css/pubic.css">
    <link rel="stylesheet" href="css/address.css">
    <script src="js/jquery-1.11.3.min.js"></script>
</head>
<body>
<div class="header">
    <div class="top">
        <div class="clearfix">
            <ul class="clearfix">
                <li>欢迎来到侨力</li>
                <li><a href="#">请登录</a><a href="#">免费注册</a></li>
            </ul>
            <ol class="clearfix">
                <li><a href="#">我的订单</a></li>
                <li><a href="#">我的侨力<img src="img/header-arrow.png" alt="header-arrow.png"></a></li>
                <li><a href="#" class="current">侨力会员</a></li>
                <li><a href="#">收藏夹<img src="img/header-arrow.png" alt="header-arrow.png"></a></li>
                <li><a href="#">客户服务<img src="img/header-arrow.png" alt="header-arrow.png"></a></li>
                <li><a href="#">网站导航<img src="img/header-arrow.png" alt="header-arrow.png"></a></li>
            </ol>
        </div>
    </div>
    <div class="content clearfix">
        <a href="index.html" class="logo"><img src="img/logo.png" alt="logo.png"></a>
        <div class="search-box clearfix">
            <form action="#" method="post">
                <input type="text" name="search" placeholder="秋冬上衣">
                <input type="button" value="搜索" class="search">
                <a href="show-cart.html"><input type="button" value="我的购物车"></a>
            </form>
            <p><a href="#">冬季上衣</a>
                <a href="#">品牌女装</a>
                <a href="#">户外休闲</a>
                <a href="#">运动服</a>
                <a href="#">儿童休闲服</a>
                <a href="#">亲子装</a></p>
        </div>
    </div>
    <div class="bottom clearfix" id="bottom">
        <div class="sidebar" id="sidebar">
            <div class="nav" id="nav"><img src="img/classify.png" alt="classify.png">商品分类</div>
            <ul>
                <li class="brand clearfix">
                    <div class="left"><a href="#">品牌</a></div>
                    <div class="right"><a href="#">特步</a><a href="#">艾酷狼</a><a href="#">探路者</a></div>
                </li>
                <li class="woman clearfix">
                    <div class="left"><a href="#">女人</a></div>
                    <div class="right"><a href="#">职业装</a><a href="#">秋冬上衣</a><a href="#">衬衫</a><a href="#">卫衣</a><a href="#">运动装</a><a href="#">休闲裤</a></div>
                </li>
                <li class="man clearfix">
                    <div class="left"><a href="#">男人</a></div>
                    <div class="right"><a href="#">夹克</a><a href="#">卫衣</a><a href="#">针织衫</a><a href="#">t恤</a><a href="#">衬衫</a><a href="#">哈伦裤</a></div>
                </li>
                <li class="children clearfix">
                    <div class="left"><a href="#">儿童</a></div>
                    <div class="right"><a href="#">亲子装</a><a href="#">运动装</a><a href="#">t恤</a><a href="#">卫衣</a><a href="#">外套</a><a href="#">棒球衫</a></div>
                </li>
            </ul>
        </div>
        <ol class="note-brand clearfix">
            <li><a href="#">热卖2017新品</a><a href="#">针织衫</a><a href="#">秋冬上衣</a></li>
            <li><a href="#">打底衫</a><a href="#">T恤</a><a href="#">牛仔裤</a></li>
            <li><a href="#">打底裤</a><a href="#">短外套</a><a href="#">小西装</a></li>
            <li><a href="#">运动服</a><a href="#">雪纺衫</a><a href="#">半身裙</a></li>
            <li><a href="#">棉服</a><a href="#">卫衣</a><a href="#">衬衫</a></li>
            <li><a href="#">当即热卖</a><a href="#">潮牌</a></li>
        </ol>
        <ol class="note-woman clearfix">
            <li><a href="#">女2017新品</a><a href="#">针织衫</a><a href="#">秋冬上衣</a></li>
            <li><a href="#">打底衫</a><a href="#">T恤</a><a href="#">牛仔裤</a></li>
            <li><a href="#">打底裤</a><a href="#">短外套</a><a href="#">小西装</a></li>
            <li><a href="#">运动服</a><a href="#">雪纺衫</a><a href="#">半身裙</a></li>
            <li><a href="#">棉服</a><a href="#">卫衣</a><a href="#">衬衫</a></li>
            <li><a href="#">当即热卖</a><a href="#">潮牌</a></li>
        </ol>
        <ol class="note-man clearfix">
            <li><a href="#">男2017新品</a><a href="#">针织衫</a><a href="#">秋冬上衣</a></li>
            <li><a href="#">打底衫</a><a href="#">T恤</a><a href="#">牛仔裤</a></li>
            <li><a href="#">打底裤</a><a href="#">短外套</a><a href="#">小西装</a></li>
            <li><a href="#">运动服</a><a href="#">雪纺衫</a><a href="#">半身裙</a></li>
            <li><a href="#">棉服</a><a href="#">卫衣</a><a href="#">衬衫</a></li>
            <li><a href="#">当即热卖</a><a href="#">潮牌</a></li>
        </ol>
        <ol class="note-children clearfix">
            <li><a href="#">儿童2017新品</a><a href="#">针织衫</a><a href="#">秋冬上衣</a></li>
            <li><a href="#">打底衫</a><a href="#">T恤</a><a href="#">牛仔裤</a></li>
            <li><a href="#">打底裤</a><a href="#">短外套</a><a href="#">小西装</a></li>
            <li><a href="#">运动服</a><a href="#">雪纺衫</a><a href="#">半身裙</a></li>
            <li><a href="#">棉服</a><a href="#">卫衣</a><a href="#">衬衫</a></li>
            <li><a href="#">当即热卖</a><a href="#">潮牌</a></li>
        </ol>
        <div class="column">
            <a href="#">秒杀</a>
            <a href="#">优惠券</a>
            <a href="#">服装城</a>
            <a href="#">侨力会员</a>
        </div>
    </div>
</div>
<div class="content clearfix">
    <div class="left">
        <div>个人中心</div>
        <ul>
            <li><a href="user.html">个人资料</a></li>
            <li><a href="#">修改登录密码</a></li>
            <li class="on"><a href="address.html" >管理收货地址</a></li>
            <li><a href="order.html">我的订单</a></li>
            <li><a href="#">我的购物车</a></li>
            <li><a href="#">已完成</a></li>
            <li><a href="#">待收货</a></li>
            <li><a href="#">待付款</a></li>
            <li><a href="#">待评价</a></li>
        </ul>
    </div>
    <div class="right">
        <div class="title">收货地址</div>
        <div class="newly-add">
            <form action="#" method="post">
                <h2>新增收货地址</h2>
                <div class="region">
                <span>所在地区</span>
                <div class="country">中国大陆</div>
                <ul class="nation">
                    <li class="first">中国大陆</li>
                    <li class="second">台湾</li>
                </ul>
                <div class="district">请选择市区</div>
            </div>
                <div class="site">
                <span>详细地址</span>
                <textarea name="words"></textarea>
            </div>
                <div class="zip-code">
                    <span>邮政编码</span>
                    <input type="text" name="code">
                </div>
                <div class="receiver">
                    <span>收货人姓名</span>
                    <input type="text" name="receiver-name">
                </div>
                <div class="cell-phone">
                    <span>手机号码</span>
                    <input type="text" name="phone">
                </div>
                <div class="default">
                    <label><input type="checkbox" name="address" value="default-address"><i></i><span>设置为默认地址</span></label>
                </div>
                <div class="keep">保存</div>
            </form>
        </div>
        <div class="status">
            <img src="img/add-to.png" alt="add-to.png">
            <div class="already-added">您已创建<span class="present">4</span>个收货地址，最多可创建<i>20</i>个</div>
        </div>
        <ul class="receiver">
                <li>
                    <div class="consignee">收货人：<span>立夏</span></div>
                    <div class="location">收货地址：<span>湖南省长沙市芙蓉区芙蓉中路二段388号</span></div>
                    <div class="phone-number">手机号：<span>15870093872</span></div>
                    <div class="postbox">邮箱：<span>452157458@qq.com</span></div>
                    <div class="fit-operation">
                        <span class="fit">设为默认地址</span>
                        <span class="edit">编辑</span>
                        <span class="cut-off">删除</span>
                    </div>
                </li>
                <li>
                    <div class="consignee">收货人：<span>何鑫</span></div>
                    <div class="location">收货地址：<span>湖南省长沙市芙蓉区芙蓉中路二段356号</span></div>
                    <div class="phone-number">手机号：<span>15864998327</span></div>
                    <div class="postbox">邮箱：<span>586245745@qq.com</span></div>
                    <div class="fit-operation">
                        <span class="fit">设为默认地址</span>
                        <span class="edit">编辑</span>
                        <span class="cut-off">删除</span>
                    </div>
                </li>
                <li>
                    <div class="consignee">收货人：<span>宋清</span></div>
                    <div class="location">收货地址：<span>湖南省长沙市芙蓉区芙蓉中路二段312号</span></div>
                    <div class="phone-number">手机号：<span>15864867927</span></div>
                    <div class="postbox">邮箱：<span>695412587@qq.com</span></div>
                    <div class="fit-operation">
                        <span class="fit">设为默认地址</span>
                        <span class="edit">编辑</span>
                        <span class="cut-off">删除</span>
                    </div>
                </li>
                <li>
                    <div class="consignee">收货人：<span>李影</span></div>
                    <div class="location">收货地址：<span>湖南省长沙市芙蓉区芙蓉中路二段327号</span></div>
                    <div class="phone-number">手机号：<span>15857993787</span></div>
                    <div class="postbox">邮箱：<span>785425957@qq.com</span></div>
                    <div class="fit-operation">
                        <span class="fit">设为默认地址</span>
                        <span class="edit">编辑</span>
                        <span class="cut-off">删除</span>
                    </div>
                </li>
            </ul>
        <div class="paginator">
            <em class="upper">上一页</em>
            <div class="page-table">
                <span class="on">1</span>
                <span>2</span>
                <span>3</span>
                <span>4</span>
                <span>5</span>
                <span>6</span>
            </div>
            <em class="down">下一页</em>
        </div>
    </div>
</div>
<div class="footer">
    <div class="top">
        <a href="#">关于侨力</a>
        <a href="#">帮助中心</a>
        <a href="#">开放平台</a>
        <a href="#">联系我们</a>
        <a href="#">网站合作</a>
        <a href="#">法律声明及隐私权政策</a>
    </div>
    <div class="bottom">
        <span>湘ICP证08026629号</span>
        <span>Copyright ©2008 [使用者网站] Powered By [网站程序名称] Version 1.0.0</span>
    </div>
</div>
</body>
</html>
<script src="js/address.js"></script>